<back-to-top class="back_top" title="返回顶部"></back-to-top>
<div class="container">
	<h2>
		<img src="images/home/x1.png">
		LIFE STYLE /&nbsp;&nbsp;<label>hello world!</label>
		<img src="images/home/x1.png">
	</h2>
	<div class="col hots">
		<div class="col-md-4" ng-repeat="hot in hots" ng-click="detail(hot)">
			<div class="hot-show">
				<img src="{{hot.tagimg}}" >
			</div>
			<p>{{hot.title}}</p>
		</div>
	</div>

	<h2>
		<img src="images/home/x2.png">
		<label>往期优质商品</label>
		<img src="images/home/x2.png">
	</h2>
	<div class="col last">
		<div class="col-md-3" ng-repeat="new in news" ng-click="detail(new)">
			<div class="last-show">
				<img src="{{new.tagimg}}">
				<p>{{new.name}}<span>￥{{new.price}}</span></p>
			</div>
		</div>
	</div>
 

</div>

<style>
	h2{
		text-align: center;
		font: italic 2em Georgia, serif;
	}
	h2 > label{
		font-size: 18px;
	}
	.hots, .last{
		margin-left: 8%;
		margin-right: 8%;
	}
	.hots .col-md-4{
		padding-top: 30px;
		padding-bottom: 50px;
		/*border: 1px dashed;*/
	}
	.hots img{
		width: 280px;
		height: 320px;
	}
	.hot-show{
		-webkit-box-shadow:0 0 5px #ddd;
		-moz-box-shadow:0 0 5px #ddd;
		box-shadow:0 0 5px #ddd;
	}
	.hots p {
		padding-top: 10px;
		padding-left: 20px;
	}
	.last img {
		width:  205px;
		height: 240px;
	}
	.last-show{
		border: 1px solid #eee;
		padding: 4px;
	}
	.last-show p{
		text-align: left;
		font-size: 14px;
		line-height: 25px;
	}
	.last-show p span{
		font-weight: bold;
		float: right;
		color: #e4393c;
		font-size: 16px;
	}
</style>
